@import '@reach/combobox/styles.css';

.combobox {
    width: 100%;

    &-popover {
        border: solid 1px var(--border-color);
        box-shadow: var(--box-shadow);
        background-color: var(--input-bg);

        /**
            By default reach-ui/combobox sets `font-size` to 85% for the content
            in the popover block. In order to reset `font-size` we set it to `inherit`
            explicitly.
         */
        font-size: inherit;
    }
}
